<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8"/>
    <title>会员管理</title>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/userCenter.css"/>
    <link rel="stylesheet" href="css/subscribe.css"/>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/userCenter.js"></script>
     <script src="js/modal.js"></script>
    <script src="js/selectType.js"></script>
</head>
<body id="orange">
<div class="nav">
    <div class="content">
        <div class="nav-left">
            <div class="log">
                <div class="log-content">
                    <img src="img/logo.png" alt="logo图"/>
                </div>
            </div>
            <div class="address">
                <div class="address-content">
                    <img class="address-icon" src="img/address.png"  />
                    <span>济南</span>
                    <span>[<span>切换城市</span>]</span>
                </div>
            </div>
        </div>
        <div class="nav-right">
            <div class="login-register">
                <div class="login-register-content">
                    <span>您好，请 <a href="#">登录</a>  或   <a href="">注册</a> </span>
                </div>
            </div>
            <div class="btn-group">
                <div class="btn-group-content">
                    <button class="btn skin"></button>
                    <button class="btn zh-en"></button>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-bar">
        <div class="content">
            <ul class="nav-bar-content-left">
                <li class="active">首&nbsp;&nbsp;&nbsp;&nbsp;页</li>
                <li>会员管理</li>
                <li>智能检车</li>
                <li>我的车况</li>
                <li>关于我们</li>
            </ul>
            <div class="nav-bar-content-right">
                <i class="tell-phone"></i>
                <span>400-400-8888</span>
            </div>

        </div>
    </div>
    <div class="banner">
        <div class="content banner-content">
            <div class="int-vehicle">
                <button class="int-vehicle-btn">
                    <i class="car-icon"></i>
                    会员管理
                </button>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="content">
        <div class="int-vehicle-ul">
            <ul>
                <li class="active"><i class="triangle-icon"></i><a href="">会员中心</a></li>
                <li><i class="triangle-icon"></i><a href="">车辆资料</a></li>
            </ul>
        </div>
        <div class="container-right">
            <div class="crumbs">
                <ul>
                    <li><a href="">首页</a><i class="triangle-icon"></i></li>
                    <li><a href="">会员管理</a><i class="triangle-icon"></i></li>
                    <li class="active"><a href="">会员中心</a></li>
                </ul>
            </div>
            <div class="detailSub">
                <div class="page-main">
                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                           <label>用户名</label>
                        </div>
                       <input type="text" class="text" style="width:200px;" value="xindaCheck" disabled="disabled"/>
                    </div>
                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>微信名</label>
                        </div>
                        <input type="text" class="btnText" style="width:200px;" value="信达检测" disabled="disabled"/>
                        <button  class="btnButton" style="width: 140px" id="btnBoundWeChat">绑定微信</button>
                    </div>
                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>密码</label>
                        </div>
                        <input type="text" class="btnText" style="width:200px;" value="********" disabled="disabled"/>
                        <button  class="btnButton" style="width: 140px" id="btnPassWord">修改密码</button>
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>手机号码</label>
                        </div>
                        <input type="text" class="btnText" style="width:200px;" value="13125236996" disabled="disabled"/>
                        <button  class="btnButton" style="width: 140px" id="btnPhone">修改手机号码</button>
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>用户类型</label>
                        </div>
                        <input type="text" class="text100" style="width:100px;" value="企业" disabled="disabled"/>
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>联系人姓名</label>
                        </div>
                        <input type="text" class="text" style="width:200px;" value="白子画"/>
                    </div>
                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>公司名称</label>
                        </div>
                        <input type="text" class="text" style="width:200px;" value="信达检测"/>
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>统一社会信用代码</label>
                        </div>
                        <input type="text" class="text" style="width:200px;" value=""/>
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>营业执照</label>
                        </div>
                        <button  class="btnBusiness" style="width: 140px">上传营业执照</button>
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label></label>
                        </div>
                        <div style="height: 350px;">
                            <img src="../img/二维码.png" style="height: 300px;width: 300px;margin-top: 35px;margin-left: 120px;" alt="" />
                        </div>

                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>公司法人</label>
                        </div>
                        <input type="text" class="text" style="width:200px;" value="白子画"/>
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>身份证号</label>
                        </div>
                        <input type="text" class="text250" style="width:250px;" />
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>会员等级</label>
                        </div>
                        <input type="text" class="text" style="width:200px;" value="初级会员" disabled="disabled"/>
                    </div>

                    <div>
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>会员积分</label>
                        </div>
                        <input type="text" class="text" style="width:200px;" value="100" disabled="disabled"/>
                    </div>

                    <div >
                        <div style="width: 350px;text-align: right;margin-bottom: -28px;">
                            <label>缺省支付方式选择</label>
                        </div>

                        <div class="payment">

                            <div class="online-payment">
                                <input type="radio" name="payment" id="weChatPayment" select="selected"/>
                                <span class="online-payment-custom active"></span>
                                <label for="weChatPayment">微信</label>
                            </div>
                            <div class="shop-payment">
                                <input type="radio" name="payment" id="shopPayment"/>
                                <span class="shop-payment-custom"></span>
                                <label for="shopPayment">支付宝</label>
                            </div>
                            <div class="shop-payment">
                                <input type="radio" name="payment" id="bankPayment"/>
                                <span class="shop-payment-custom"></span>
                                <label for="bankPayment">银行快捷支付</label>
                            </div>
                        </div>
                    </div>

                    <div >
                        <button class="button"  style="width:200px" onclick="commitFn()">提交</button>
                    </div>


                </div>

                <!--绑定微信-->
                <div id="light" class="pay">
                    <a href="javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"  class="btn-close"></a>
                    <div class="QRCode-content">
                        <img src="../img/二维码.png" alt="" />
                        <p style="margin-left: 18px">请扫描二维码绑定微信</p>
                    </div>
                </div>
                <div id="fade" class="black_overlay"></div>

                <!--修改密码-->
                <div id="divPassWord" class="pay">
                    <a href="javascript:void(0)" onclick = "document.getElementById('divPassWord').style.display='none';document.getElementById('passWordBlack').style.display='none'"  class="btn-close"></a>
                    <form action="">
                        <div>
                            <div style="width: 100px;text-align: right;margin-bottom: -28px;margin-top: 50px;">
                                <label>现用密码</label>
                            </div>
                            <input type="text" class="popText" style="width:200px;" />
                        </div>
                        <div>
                            <div style="width: 100px;text-align: right;margin-bottom: -28px;">
                                <label>新密码</label>
                            </div>
                            <input type="text" class="popText" style="width:200px;" />
                        </div>
                        <div>
                            <div style="width: 100px;text-align: right;margin-bottom: -28px;">
                                <label>确认新密码</label>
                            </div>
                            <input type="text" class="popText" style="width:200px;"  />
                        </div>
                    </form>

                    <a href="" class="paybtn">确定</a>

                </div>
                <div id="passWordBlack" class="black_overlay"></div>

                <!--修改手机号码-->
                <div id="divPhone" class="popPhone">
                    <a href="javascript:void(0)" onclick = "document.getElementById('divPhone').style.display='none';document.getElementById('divPhoneBlack').style.display='none'"  class="btn-phoneClose"></a>
                    <form action="">
                        <div>
                            <div style="width: 160px;text-align: right;margin-bottom: -28px;margin-top: 50px;">
                                <label>现用手机号码</label>
                            </div>
                            <input type="text" class="popPhoneText" style="width:200px;" />
                        </div>
                        <div>
                            <div style="width: 160px;text-align: right;margin-bottom: -28px;">
                                <label>新手机号码</label>
                            </div>
                            <input type="text" class="popPhoneText" style="width:200px;" />
                            <button  class="btnButton" style="width: 140px">获取验证码</button>
                        </div>
                        <div>
                            <div style="width: 160px;text-align: right;margin-bottom: -28px;">
                                <label>验证码</label>
                            </div>
                            <input type="text" class="popPhoneText" style="width:200px;"  />
                        </div>
                    </form>

                    <a href="" class="paybtn">确定</a>

                </div>

                <div id="divPhoneBlack" class="black_overlay"></div>
            </div>

        </div>
    </div>
</div>
<div class="footer">
    <div class="footer-content">
        <div class="footer-content-title">
            <p>CopyRight2017 深圳市安车检测股份有限公司 WWW.ANCHE.CN All Rights Reserved 版权所有</p>
            <p><span class="address-icp">粤ICP备14005652号</span><span>济南东忠软件提供技术支持</span></p>
        </div>
    </div>
</div>

</body>
</html>